<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">  
      

<ui:composition template="/WEB-INF/templates/BasicTemplate.xhtml">
    <ui:define name="content">
    	<p:layout fullPage="true" id="layout">
		    <p:layoutUnit position="center" >
		    	<h:form>
		            <h:panelGrid styleClass="panelGridCenter" columns="1">
		            
		            	<p:messages id="mens"  showDetail="false" closable="true" life="100"/>
		            	<p:graphicImage style="width:60%; position:absolute; left:19%; top:-135%;" library="images" name="Logo2.png" />
		            	
		                <p:inputText id="nombre" style="width:97%;" value="#{loginUsuarioBean.usuario}" required="true" requiredMessage="Por favor ingrese su usuario"></p:inputText>
		                <p:watermark for="nombre" value="Usuario" />
		                
		                <p:password id="contrasenia" style="width:97%;" value="#{loginUsuarioBean.contrasena}" required="true" requiredMessage="Por favor ingrese su contraseña"/>
		                <p:watermark for="contrasenia" value="Password" />
		                
		                <h:commandButton value="Login" style="width:100%; font-weight:bold; color:white; height:10px font-size: 12px; background-color:#3399FF" action="#{loginUsuarioBean.obtenerMenu}"></h:commandButton>

		            </h:panelGrid>
		        </h:form>
		        <h:form>
		            <p:commandLink onclick="dlgRecuperarContrasenaWD.show();" style="position:absolute;left:40%;top:62%;">
		            	 <h:outputText value="¿No recuerda su contrasena?" />
    				</p:commandLink>
    			</h:form>
				<p:dialog id="dlgRecuperarContrasena" header="Recuperar Contraseña" widgetVar="dlgRecuperarContrasenaWD" modal="true" appendToBody="true" dynamic="true" resizable="false">
					<form>			
					<p:panelGrid id="pan1" columns="3">
						
						<p:outputLabel value="Ingrese su mail para enviar su contraseña" />
						<p:inputText id="mailUsuario" value="#{loginUsuarioBean.mailUsuario}" style="width:300px;"/>
						<h:commandButton value="Recuperar contraseña" action="#{loginUsuarioBean.recuperarContrasena}" style="width:100%; font-weight:bold; color:white; height:10px font-size: 12px; background-color:#3399FF"/>
					</p:panelGrid>
					</form>
				</p:dialog>     			
		    </p:layoutUnit>
		</p:layout>
    </ui:define>
</ui:composition>
</html>
